@sb1/ffe-collapse-react

@sb1/ffe-collapse-react

React component for expand/collapse

Install

npm install --save @sb1/ffe-collapse-react

Usage

Full documentation on collapse usage is available at https://design.sparebank1.no/komponenter/collapse/.

Please note the component depends on transition styling for height.
This can preferably be done by importing the less-file from the less-folder in the package.
Alternatively you can do it by adding style to the class .ffe-collapse-transition, adding it to your own class and provide the class through the className property or by styling it directly through the style property.

Importing compiled CSS

If your project does not use Less, you can import the compiled styling:

@import '~@sb1/ffe-collapse-react/css/collapse.css';

Development

To start a local development server, run the following from the designsystem root folder:

npm install
npm run build
npm start

A local instance of component-overview with live reloading will run at http://localhost:1234/.

Example implementations using the latest versions of all components are also available at https://sparebank1.github.io/designsystem.